/**
 *@author:陈旭光,Chen XuG,chenxvguang1991@163.com
 */
 @font-face{
  font-family: myFont;
  src:url("font/Jackey_Handwrite02.ttf");
}
::-webkit-scrollbar{width:0}
/*-------------------------body-------------------------*/
body{font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
/*-------------------------nav--------------------------*/
#nav{position:fixed;top: 0;left:0;width: 214px;height: 100%;background: #000;box-shadow: 0 0 10px black}
#head{position:relative;width:100%;height: 100px;}
#head span{display:block;font:350% myFont;color: white ;padding:5px 12px;margin-bottom: 4px;transition: all .5s}
#head span:hover{color: #000;background:white  }
#head address,#head address a{line-height: 30px;font:80% myFont,"Microsoft YaHei";color: white;text-align: center}
#innerNav{position: absolute;top:111px;bottom:5px;width: 214px;overflow: scroll;}
.nav{position:relative;display:block;width:180px;height: 133px;padding:8px 17px;cursor: pointer;}
.nav:before {content: "";position: absolute;top: 0;right: -5px;width: 0;height: 100%;background-color:white;z-index: 3;transition: all .5s;box-shadow:2px 2px 4px #66CD00 ;border-radius: 10px 0 0 10px}
.nav div:before{content:'';position: absolute;;top: 8px;left:17px;width: 180px;height:60px;border-radius: 20px;background: rgba(255,255,255,.2);z-index: 1000}
.target{position:relative;display:block;width:180px;height: 133px;padding:8px 17px;cursor: pointer;}
.target:before {content: "";position: absolute;top: 0;right: -5px;width:215px;height: 100%;background-color:white;z-index: 3;transition: all .5s;box-shadow:2px 2px 4px #66CD00 ;}
#innerNav a:hover:before {width: 215px;}
.thumbnail{position:relative;display: block;width:180px;height: 105px;border-radius: 20px;z-index: 100;box-shadow:0 0 2px white}
#innerNav span{position:relative;display: block;padding-top:12px;color: #FFF;z-index: 100}
#innerNav span:before{position: absolute;top: 8px;left:-17px;display: block;content:'';width: 150px;height: 0;border:12px solid #009966;border-right-color: transparent;border-radius: 0 0 0 5px;z-index: -1}
#innerNav span:after{position: absolute;top: 3px;left: -17px;display: block;content: '';width: 4px;height: 5px;background:#009966;border-radius: 2px 0 0 0}
/*--------------------------iframe----------------------------*/
iframe{float: right;}
/*---------------------------#newPage-----------------------------*/
#newPage{display: block;position: fixed;top: 0px;right: 200px;width: 400px;height: 30px;text-align: center;line-height: 30px;background:rgba(255,255,255,.3);color: #339999;cursor: pointer}
#newPage:hover{background: #003333;color:white}
#downCode{display: block;position: fixed;top: 0px;right: 0;width: 200px;height: 30px;text-align: center;line-height: 30px;background:rgba(255,255,255,.3);color: #339999;cursor: pointer}
#downCode:hover{background: #003333;color:white}